<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>登录界面</title>
    <!-- zui -->
     <link href="${pageContext.request.contextPath}/css/login.css?varsion=11" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/zui.css" rel="stylesheet">
  </head>
  <body>
   <div id="login">
    <div class="panel panel-success">
       <div class="panel-heading">
    用户登录
  </div>
      <div class="panel-body">
    <div class="input-control has-icon-left">
  <input id="userName" type="text" class="form-control" placeholder="用户名">
  <label for="userName" class="input-control-icon-left"><i class="icon icon-user "></i></label>
</div>
  </div>
  <div class="panel-body">
    <div class="input-control has-icon-left has-icon-right">
  <input id="upwd" type="password" class="form-control" placeholder="密码">
  <label for="upwd" class="input-control-icon-left"><i class="icon icon-envelope "></i></label>
  <label for="upwd" class="input-control-icon-right"><i class="icon icon-check"></i></label>
</div>
  </div>
  <div class="panel-body">
    <button id="loginBtn" class="btn btn-block  btn-primary" type="button">登录</button>
  </div>
  <div class="panel-footer">
   版权所有：XX
  </div>
</div>
    </div>
    
    <!-- jQuery (ZUI中的Javascript组件依赖于jQuery) -->
    <script src="${pageContext.request.contextPath}/js/jquery-3.4.1.js"></script>
    <!-- ZUI Javascript组件 -->
    <script src="${pageContext.request.contextPath}/js/zui.js"></script>
    <script src="${pageContext.request.contextPath}/js/config.js"></script>
      <script src="${pageContext.request.contextPath}/js/login.js?version=11"></script>
  </body>
</html>